<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div id="box" title="这是title" abc="这是abc" innerHTML="这是innerHTML"></div>
    <img src="1.jpg" href="2.html" alt="这是图片">
    <a src="1.jpg" href="2.html" qwe="这是qwe"></a>

    <DIV ID="Box"></DIV>
</body>
<script>

    var div = document.querySelector("div");
    var a = document.querySelector("a");
    var img = document.querySelector("img");

    console.log(div);
    console.log(a);
    console.log(img);

    // get/set/removeAttribute操作
    console.log( div.getAttribute("id") )
    console.log( div.getAttribute("title") )
    console.log( div.getAttribute("abc") )
    console.log( div.getAttribute("innerHTML") )
    console.log( img.getAttribute("src") )
    console.log( img.getAttribute("href") )
    console.log( img.getAttribute("alt") )
    console.log( a.getAttribute("href") )
    console.log( a.getAttribute("src") )
    console.log( a.getAttribute("qwe") )

    div.setAttribute("hello", "你好")
    div.setAttribute("title", "你好title")
    div.removeAttribute("abc")
    div.removeAttribute("id")



    // // 对象操作
    // // 内置
    // console.log( div.id );
    // console.log( div.title );
    // console.log( img.src )
    // console.log( img.alt )
    // console.log( a.href )
    // // 自定义
    // console.log( div.abc );
    // console.log( div.innerHTML );
    // console.log( img.href )
    // console.log( a.src )
    // console.log( a.qwe )

    

</script>
</html>